<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情</title>
    <link rel="stylesheet" href="css/xiangqing.css">
    <link rel="stylesheet" href="download (1)/font_4015367_gp412mgktns/iconfont.css">
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script src="./js/xiangqing.js"></script>
</head>

<body>
    <div id="xiangqing">
        <div id="nav-top">
            <div class="nav-top">
                <a href="#">
                    <div class="ico">
                        <i class="iconfont icon-down"></i>
                        <span>返回</span>
                    </div>
                </a>
                <div class="top-text">商品详情</div>
            </div>
        </div>
        <div id="sw">
            <!-- <div><img src="images/xq1.png"></div> -->
        </div>

        <div id="jianjie">
            <div class="top">
                <div class="he">
                    <span class="he-s1">直降</span>
                    <span class="he-s2">包邮</span> <b></b>
                </div>
                <div class="ce">果园生态种植 皮薄香甜爽口 富含天然维c</div>
                <div class="fo">
                    <span class="left">
                    <span class="lf1">￥</span>
                    <span class="lf2"></span>
                    <span class="lf3"></span>
                    </span>
                    <span class="right">
                    <span class="ri-num">3962</span> 人购买
                    </span>
                </div>
            </div>
            <div class="num">
                <div>
                    <span class="num-s1">规格 : X</span>
                    <span class="num-s2">2</span>
                </div>
                <i class="iconfont icon-rightbeifen"></i>
            </div>
            <div class="num">
                <div>
                    <span style="color:#797d82">配送至 :</span>
                    <spa class="num-s3">上海黄浦区非机动是否及时交付</spa>
                </div>
                <i class="iconfont icon-rightbeifen"></i>
            </div>
            <div class="baoyou">
                <i class="iconfont icon-down"></i>
                <span>包邮
                </span>
            </div>
        </div>
        <div id="xinxi">
            <div class="xiangq">
                <!-- <div class="xq-top">————商品详情————</div>
                <img src="images/xiang1.jpg">
                <img src="images/xiang2.jpg">
                <img src="images/xiang3.jpg">
                <img src="images/xiang4.jpg">
                <img src="images/xiang5.jpg">
                <img src="images/xiang6.jpg">
                <img src="images/xiang7.jpg">
                <img src="images/xiang8.jpg">
                <img src="images/xiang9.jpg"> -->
            </div>
            <div class="xiangq">
                <div class="xq-top">————预订流程及须知————</div>

                <img src="images/xuzhi.png">
            </div>
            <div class="roler">
                <p class="big">一、关于发货</p>
                <p class="small">时刻监控及罚款和房价还是科技示范户附件是健康减肥好看过几个刷卡缴费卡更换手机号国家概况</p>
                <p class="big">一、关于发货</p>
                <p class="small">时刻监控及罚款和房价还是科技示范户附件是健康减肥好看过几个刷卡缴费卡更换手机号国家概况</p>
                <p class="big">一、关于发货</p>
                <p class="small">时刻监控及罚款和房价还是科技示范户附件是健康减肥好看过几个刷卡缴费卡更换手机号国家概况</p>
                <p class="big">一、关于发货</p>
                <p class="small">时刻监控及罚款和房价还是科技示范户附件是健康减肥好看过几个刷卡缴费卡更换手机号国家概况</p>
            </div>
        </div>
        <div id="foot-nav">
            <div class="icic">
                <div class="box1">
                    <div class="box2"><i class="iconfont icon-31xiaoxi"></i></div>
                    <div class="box3">客服</div>
                </div>
                <div class="box1">
                    <div class="box2"><i class="iconfont icon-aixin"></i></div>
                    <div class="box3">收藏</div>
                </div>
                <div class="box1">
                    <a href="gouwuce.html">
                        <span class="num">0</span>
                        <div class="box2"><i class="iconfont icon-gouwuche"></i></div>
                        <div class="box3">购物车</div>
                    </a>
                </div>
            </div>
            <div class="btn">
                <button class="addShop">加入购物车</button>
                <button>立即购买</button>
            </div>
        </div>
    </div>
</body>
<script src="./js/pul.js"></script>

</html>